			<div class="x-grid3" hidefocus="true">
				<div class="x-grid3-viewport">
					<div class="x-grid3-header" style="height:23px;">
						<div class="x-grid3-header-inner" style="width:<#if forceFit==true > 100%;<#else>${cm.getAllWidth()}px;</#if>">
							<div class="x-grid3-header-offset" style="width:100%;">
								<table cellspacing="0" cellpadding="0" border="0" style="width:100%;margin-right:17px;">
									<thead>
										<tr class="x-grid3-hd-row">
											<#assign c = 0>
											<#list cm.getColums() as col>
											<#assign colwidth = col.getWidth()+"px">
											<#if forceFit==true>
												<#assign colwidth = cm.getFitWidth(c)>
											</#if>
											<#assign c = c + 1>	
											 <#if c==1>
											 	<td class="x-grid3-hd x-grid3-cell x-grid3-td-${c} x-grid3-cell-first" style="width: ${colwidth}">
												<div class="x-grid3-hd-inner x-grid3-hd-company">
													<a onclick="return false;" href="#" class="x-grid3-hd-btn" style="height: 23px;" id="${idgen.getId()}"></a>
													${col.header}
													<img src="http://extjs.com/explorer/images/default/shared/clear.gif" class="x-grid3-sort-icon"/>
												</div>
											</td>
											<#elseif c==cm.getColums()?size>
												<td class="x-grid3-hd x-grid3-cell x-grid3-td-${c} x-grid3-cell-last" style="width: ${colwidth}">
												<div class="x-grid3-hd-inner">
													<a href="#" class="x-grid3-hd-btn" id="ext-gen56" style="height: 22px;" ></a>
													${col.header}
													<img src="http://extjs.com/explorer/images/default/shared/clear.gif" class="x-grid3-sort-icon"/>
												</div>
												</td>
											<#else>
												<td class="x-grid3-hd x-grid3-cell x-grid3-td-${c}" style="width: ${colwidth}">
													<div style="" unselectable="on" class="x-grid3-hd-inner x-grid3-hd-${c}" >
														<a href="#" class="x-grid3-hd-btn" id="ext-gen56" style="height: 22px;" ></a>
														${col.header}
														<img src="http://extjs.com/explorer/images/default/shared/clear.gif" class="x-grid3-sort-icon"/>
													</div>
												</td>
											</#if> 
											</#list>
											<td style="width:18px;"></td>
										</tr>
									</thead>
								</table>
							</div>
						</div>
					</div>
					<div id="${idgen.getId()}" class="x-grid3-scroller" style="width:100%;height:200px;">
						<#assign body_id = idgen.getId()>
						<div id="${body_id}" class="x-grid3-body"  style="width:99%;">
							<#assign rowIndex = 0>
							<#list store.getRows() as row>
							
							<div class="x-grid3-row <#if stripeRows && (rowIndex/2!=(rowIndex/2)?ceiling)>x-grid3-row-alt</#if>" style="width:<#if forceFit==true > 100%;<#else>${cm.getAllWidth()}px;</#if>">
								<table class="x-grid3-row-table" cellspacing="0" cellpadding="0" border="0" style="width:100%">
									<tbody>
										<tr>
											<#assign colIndex = 0>
											<#list cm.getColums() as col>
											<#assign colwidth = col.getWidth()+"px">
											<#if forceFit==true>
												<#assign colwidth = cm.getFitWidth(colIndex)>
											</#if>
											<td class="x-grid3-col x-grid3-cell" style="width: ${colwidth}">
												<div class="x-grid3-cell-inner">
													<#if col.hasRenderer() >
														  ${col.getRenderer().render(row,col.getId(),row[col.getId()],rowIndex,colIndex,store)}
													<#else>
														${row[col.getId()]} 
													</#if>
												</div>
											</td>
											<#assign colIndex = colIndex+1>
											</#list>
										</tr>
								</table>
							</div>
							
							<#assign rowIndex = rowIndex+1>
							</#list> 
							
						</div>
					</div>
				</div>
			</div>
<script>
	//alert(Ext.getCmp("1001"));
	//alert(Ext.select(".x-grid3-row",false,"${body_id}").getCount()); 

	Ext.select(".x-grid3-row",true,"${body_id}").each(function(el,th, index) {
			el.on({
				'click' : function(evt,t,o) {
					Ext.select(".x-grid3-row-selected",true,"${body_id}").each(function(el,th, index) {el.removeClass("x-grid3-row-selected")},this);
					el.addClass("x-grid3-row-selected");
				},
			    'mouseover' : function(evt,t,o) {el.addClass("x-grid3-row-over")},
			    'mouseout' : function(evt,t,o) {el.removeClass("x-grid3-row-over")},
			    scope: this
				});
		},this);
		
</script>
